<script setup lang="ts">
  const current = defineModel<number>({ default: 0 });
  defineProps<{ list: [] }>();
</script>

<template>
  <view class="apt-tabs">
    <uv-tabs
      :current="current"
      :list="list"
      :active-style="{
        fontWeight: '500',
        fontSize: '14px',
        lineHeight: '20px',
        color: '#3d3d3d'
      }"
      :inactive-style="{
        fontSize: '14px',
        lineHeight: '20px',
        color: '#707070'
      }"
      line-width="27px"
      line-height="2"
      line-color="#269c74"
      :scrollable="false"
    ></uv-tabs>
  </view>
</template>

<style lang="scss">
  .apt-tabs {
    height: 96rpx;
    background: #fff;
    box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(100, 100, 111, 0.08);
  }
</style>
